<template>
    <view class="bg-white padding-top radius-t30 " style="padding-bottom:400rpx;">
    <u-tabs activeColor="#00C28E" barWidth="0"    :current="current"  :isScroll="false" :list="list" ></u-tabs>
    <view class="pd-36 center " v-if="info">
        <image mode  :src="info.car_image" style="width:260rpx;height:180rpx;"></image>
        <view class="ml-30 ">
            <view >{{$root.m0+info.load}}</view>
            <view class="bold mtb-20 ">{{$root.m1+$root.g0+'*'+info.width+'*'+info.height+$root.m2}}</view>
            <view class="gray-2 ">{{$root.m3+info.volume+$root.m4}}</view>
        </view>
    </view>
    <view class="plr-36 bg ">
        <view  class="flex_l ptb-30 bb " >
            <view class="bg-green radius mt-10 " style="width:16rpx;height:16rpx;"></view>
            <view class="ml-30 ">
                <view >{{start.name}}</view>
                <view class="size-28 mt-10 gray-2 ">{{start.address}}</view>
            </view>
        </view>
        <view class="flex_l ptb-30 bb " v-for="(item,index) in hyaddress" wx:for-index="i" :key="i">
            <view class="bg-orange radius mt-10 " style="width:16rpx;height:16rpx;"></view>
            <view class="ml-30 u-flex-1 flex ">
                <view class="u-flex-1 mr-20 " v-if="item.address">
                    <view >{{item.address.name}}</view>
                    <view class="size-28 mt-10 gray-2 ">{{item.address.address}}</view>
                </view>
                <u-icon   class="size-38 " color="#"  name="close-circle" ></u-icon>
            </view>
        </view>
        <view class="flex_l ptb-30 bb " v-if="$root.g1">
            <view class="bg-red radius mt-10 " style="width:28rpx;height:28rpx;"></view>
            <view class="ml-30 ">
                <view  class="gray-2 " >{{$root.m5}}</view>
            </view>
        </view>
        <view  class="gray-2 pd-25 "  v-else>{{'+'+$root.m6}}</view>
    </view>
    <view class="fixed-bottom bg-white ">
        <view  v-if="$root.g2">
            <image mode    :hidden="!(hylist[0].status==0)" src="../../static/hy-1.png" style="width:100%;height:120rpx;"></image>
            <image mode    :hidden="!(hylist[0].status==1||hylist[0].status==5)" src="../../static/hy-2.png" style="width:100%;height:120rpx;"></image>
            <image mode    :hidden="!(hylist[0].status==4)" src="../../static/hy-3.png" style="width:100%;height:120rpx;"></image>
            <image mode    :hidden="!(hylist[0].status==2||hylist[0].status==3)" src="../../static/hy-4.png" style="width:100%;height:120rpx;"></image>
        </view>
        <view class="center pt-20 ">
            <view class="red bold ">
                <text class="size-26 ">￥</text>
                <text class="size-40 ">{{price||'--'}}</text>
            </view>
            <view  class="size-26 ml-20 green " >{{$root.m7}}</view>
        </view>
        <view class="flex pd-30 ">
            <view  class="u-flex-1 center white bg-green border-green text-center "  style="height:90rpx;">{{$root.m8}}</view>
            <view  class="u-flex-1 center green border-green ml-30 "  style="height:90rpx;">
                <image mode  src="../../static/hy-time.png" style="width:40rpx;height:40rpx;"></image>
                <view class="ml-20 ">
                    <view >{{time}}</view>
                    <view  class="size-22 bg-green center white radius-10 "  :hidden="!(time!=$root.m9)" style="width:70rpx;">{{$root.m10}}</view>
                </view>
            </view>
        </view>
    </view>
    <u-popup      height="400" mode="bottom" v-model="showTime"  >
        <long-date   :chooesMaxDay="3"   :getDayNum="3" :openStatus="true" type="day" ></long-date>
    </u-popup>
</view>

</template>

<script>
	export default {
		data() {
      
    },
		onLoad() {

		},
		onShow() {

		},

		methods: {

		}
	}
</script>

<style scoped lang="scss">

</style>